MARKETPLACE
PLUGINS
OMNI UI | SEARCHABLE DROPDOWN
Omni UI | Searchable Dropdown logo

Omni UI | Searchable Dropdown

Published April 2026
   •    Updated May 2026

Plugin details

Searchable Dropdown Input is a Bubble input element for building fast, polished single-select searchable dropdowns with a floating result panel that does not push page layout. It works with Bubble Thing lists and typed API-object lists passed into Records, making it useful for native app data and external search results.
The plugin supports local fuzzy search, keyboard navigation, open-on-focus behavior, optional thumbnails, subtitles, empty and no-results states, optional default selection via initial_value, externally controlled query seeding via initial_query, and CTA actions for custom workflows. When a user or workflow selects an item, the input value is replaced with the selected label so the control behaves like a committed single-select input. It exposes selection, ID and label, query, input value, and status states plus events and actions for reacting to typing, selections, clears, dropdown open and close events, and programmatic control.

To drive an external API from the current query, mirror the element's query or input_value into a page or group custom state and bind the API call to that state. Bubble will flag direct self-references inside the same element's Records expression as circular.

Free

For everyone

5.0 stars   •   1 ratings
11 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

OmniPortl logo
OmniPortl
Joined 2023   •   21 Plugins
View contributor profile

Instructions

Installation Instructions
1. Install the Searchable Dropdown Input plugin in Bubble.
2. Drop the element onto your page.
3. Set the data type, records list, and label field for the list you want to search.
4. Optionally provide initial_value to preselect a single record when the element initializes or when that property changes to a new non-empty value.
5. Optionally provide initial_query to prefill the visible input and active query. When bound to an external custom state, changes to that state will update the element query and displayed input text.
6. When an item is selected, the visible input and query are replaced with the selected label. Use Has Selection or Selected Item to distinguish a committed selection from typed text.
7. Adjust styling and behavior settings in the property editor.
8. For external APIs that require the current query, mirror this element's query or input_value into a custom state and bind the API call to that custom state instead of referencing the element inside its own Records expression.
9. Use the exposed states, events, and actions in workflows if needed.

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Productivity   •   Technical   •   Containers   •   Data (things)   •   Input Forms

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

Using it for PWA
May 21st, 2026
We're using for our internal PWA and its perfect. The fact that we're able to customize it to the level that you've configured is a treat. It seems like you've really thought this one out. Great job!
Bubble
TOMORROW: Just Shipped Livestream with Bubble co-founders Josh and Emmanuel. Join for a demo session of Bubble’s  latest product releases
RSVP HERE